<!DOCTYPE html>
<html>
<head>
  <title>Shoutcast Popup</title>
  
  <link rel="stylesheet" type="text/css" href="css/popup.css" />

  <script type="text/javascript" src="js/jstemplate/util.js"></script>
  <script type="text/javascript" src="js/jstemplate/jsevalcontext.js"></script>
  <script type="text/javascript" src="js/jstemplate/jstemplate.js"></script>
  <script type="text/javascript" src="js/popup-main.js"></script>

</head>
<body onload="Shoutcast.init();">
  <div id="body">
    <div id="title">
      <h2>Shoutcast</h2>
    </div>
  
    <div id="navigate">
      <div id="search"></div>
      <div id="genres">
        <div class="primaryGenre" jsselect="$this" jsvalues="id:id">
<!--          <a href="#" jsdisplay="closed && haschildren" jsvalues=".jstdata:$this" onclick="setClosed(this.jstData,0)">[+]</a>
          <a href="#" jsdisplay="!closed && haschildren" jsvalues=".jstdata:$this" onclick="setClosed(this.jstData,1)">[-]</a>-->
          <span jscontent="name">Unknown</span>
        </div>
      </div>
    </div>
    
    <div id="stations">
      <div class="station" jsselect="$this" jsvalues="id:id;alternate:alternate">
        <div class="play_button_div">
          <a href="#" jsvalues=".jstdata:$this" onclick="Shoutcast.loadStation(this.jstdata);" title="Play">
            <img src="images/playbutton.png" />
          </a>
        </div>
        <div class="station_info_container">
          <div class="station_name">
            <span class="station_label">Station: </span>
            <a class="station_text" href="#" jscontent="name" jsvalues="title:name"></a>
          </div>
          <div class="station_now_playing">
            <span class="station_label">Now Playing: </span>
            <span class="station_text" jsvalues="title:ct" jscontent="ct"></span>
          <div>
          <div class="station_genre">
            <span class="station_label">Genre: </span>
            <span class="station_text" jscontent="genre"></span>
          <div>
          <div class="station_info">
            <span class="station_text" jscontent="lc"></span>
            <span class="station_label"> Listeners, </span>
            <span class="station_text" jscontent="br"></span>
            <span class="station_label"> kbps</span>
          <div>
        </div>
      </div>
    </div>
  </div>
  </div>

</body>
</html>